@import url(common.css);
.banner{ background: #000;}
.banner .swiper-slide a{ display: block; position: relative; height: 500px; background-repeat: no-repeat; background-position: center;}
.banner .swiper-pagination-bullet{ width:18px; height: 18px; background: url(../images/bg_num.png);opacity:1;}
.banner .swiper-pagination-bullet-active{ background: url(../images/bg_num_cur.png)!important;}
.banner .swiper-button-prev,.banner .swiper-button-next{ position: absolute; top: 50%; width: 40px; height: 70px;  margin-top: -35px;z-index: 900;  }
.banner .swiper-button-prev{ left: 20px; background: url(../images/arr_l.png) center no-repeat; }
.banner .swiper-button-next{ right: 20px;  background: url(../images/arr_r.png) center no-repeat; }

.ipart1{ height: 743px; padding-top: 50px; background: url(../images/bg_iqa.png) center no-repeat;}
.ipart1 .tit{ margin-bottom: 50px;}
.ipart1 .container-layout{ position: relative; height: 693px;}
.ipart1 .left{ position: absolute; width:400px; left: 60px; top:220px;}
.ipart1 .tel{ position: absolute; left: 140px; bottom:110px;}
.ipart1 .iqabox{ margin-left: 650px; background: #fff; }
.ipart1 .iqabox .iqahd{ padding:20px; background: #eeeeee; line-height: 34px;}
.ipart1 .iqabox .iqahd .badge{ vertical-align: middle; margin-top: -5px; }
.ipart1 .iqabox .iqalist{ padding:20px 0 20px 30px; }
.ipart1 .iqabox .iqalist ul{height: 370px; overflow: auto;}
.ipart1 .iqabox .iqalist li{ position: relative; padding: 5px 50px 5px 20px;  }
.ipart1 .iqabox .iqalist li:before{ position: absolute; left: 0; top:14px; content:''; width:10px; height: 10px; border-radius: 50%;}
.ipart1 .iqabox .iqalist li:after{ position: absolute; right: 50px; top:14px; content:''; width:15px; height: 15px; border-radius: 50%; border:1px solid #6e6e6e;}
.ipart1 .iqabox .iqalist li a{ display: block; font-size: 16px; line-height: 26px;}
.ipart1 .iqabox .iqalist li a:hover:after{position: absolute; right: 53px; top:17px; content:''; width:9px; height: 9px; border-radius: 50%; background: #004ea2;}

.bg-color1:before{ background: #eb6877;}
.bg-color2:before{ background: #eb6100;}
.bg-color3:before{ background: #d2c603;}
.bg-color4:before{ background: #89c997;}
.bg-color5:before{ background: #ae5da1;}
.bg-color6:before{ background: #00479d;}
.bg-color7:before{ background: #545454;}




.ipart2{ /*height: 723px;*/ background:#dcdcdc;}
.ipart2 .container-layout{ position: relative; height: 693px;}
.ipart2 .left{ float: left; padding-top: 100px; width: 290px;}
.ipart2 .left .protit{ padding-left: 30px; background: url(../images/ico_pro.png) left center no-repeat; }
.ipart2 .left dt{ margin-bottom: 5px;}
.ipart2 .left dd a{ display: inline-block; padding: 5px 0px; width:130px; text-align: center; border: 1px solid #9b9b9b; margin-bottom: 10px; margin-right: 10px; }
.ipart2 .left dd a:hover{ background: url(../images/bg_ivs.png); background-size: 100%; color:#fff; border-color:#0ba4b0;}

.ipart2 .right{ float: right; width:863px; border-top:10px solid #dcdcdc; border-left:10px solid #dcdcdc;}
.ipart2 .right .line li{border-bottom:10px solid #dcdcdc;border-right:10px solid #dcdcdc; }
.ipart2 .right .line li a{ display: block; position: relative; overflow: hidden;  }
.ipart2 .right .line li a img{ width: 100%;}
.ipart2 .right .line li a .title{ position: absolute; bottom:-66px; padding:10px 20px; font-size: 20px; background: rgba(0,0,0,.5); color:#fff; width: 100%; transition: all 0.2s ease; }
/*
.ipart2 .right .line li:nth-child(1),.ipart2 .right .line li:nth-child(2){ border-bottom:5px solid #dcdcdc;}
.ipart2 .right .line li:nth-child(1),.ipart2 .right .line li:nth-child(3){ border-right:5px solid #dcdcdc; }
*/
.ipart2 .right .line li a:hover .title{ bottom:0;}


.ipart3{ background:url(../images/bg_icase.png) top repeat-x #3b3b3b; padding-bottom: 40px;}
.ipart3 .itits{ text-align: center; padding-top:20px;}
.ipart3 .itits .f18{ position: relative; margin-top: 5px;}
.ipart3 .itits .f18:after{ content: ''; width: 500px; height: 0px; border-bottom:1px solid #a3a3a3; position: absolute; left: 50%; top:11px; margin-left: -250px;  }
.ipart3 .itits .f18 span{ display: inline-block; background: #3b3b3b; padding: 0 10px; position: relative; z-index: 2;}
.ipart3 .itits .f18 span:before,.ipart3 .itits .f18 span:after{ content:''; position: absolute; top:7px; background: #a3a3a3;  width: 7px; height: 7px; border-radius: 50%; }
.ipart3 .itits .f18 span:before{ left: -3px;}
.ipart3 .itits .f18 span:after{ right: -3px;}


.parslide{ position:relative; margin-top: 33px; width: 1000px; margin-left: auto; margin-right: auto ;}
.parslide .prev, .parslide .next{ position:absolute; top:50%; width:60px; height:100px; margin-top:-50px; background-repeat:no-repeat;}
.parslide .prev{ background-image:url(../images/arr_l2.png); left:-70px;}
.parslide .next{ background-image:url(../images/arr_r2.png); right:-70px;}
.parslide .bd{}
.parslide .bd li{ height:450px; float:left;}
.parslide .bd li a{ display:block; width:1000px; height:450px; position: relative;}
.parslide .bd li a img{ display:block; width:1000px; height:450px; }
.parslide .bd li .desc{ position: absolute; bottom: 0; right: 0; width: 100%; height: 100px; background: rgba(0,0,0,.5); padding: 20px 30px; color:#fff;}

.parslide .hd ul{ text-align: center; margin-bottom: 20px; }
.parslide .hd li{ display:inline-block; width: 120px; margin:0 4px; cursor:pointer; border-bottom:5px solid #3b3b3b; font-size: 16px; line-height: 30px; color:#fff;}
.parslide .hd li.on{border-color:#004ea2;}

.ipart4{ padding:40px 0 10px;}
.ipart4 .itits { text-align: center; position: relative;}
.ipart4 .itits:before{ content: 'WHY'; position: absolute; top:0; left: 50%; margin-left: -144px; color:#eeeeee; font-size: 120px; line-height: 120px;}
.ipart4 .itits .f26{ padding-top: 35px;}
.ipart4 .itits .f26,.ipart4 .itits .f18{ position: relative; text-shadow:0px 0 10px #fff;}

.whylist{ margin-top: 20px;}
.whylist .whyus{ position: relative; margin-bottom: 50px; min-height: 200px;}
.whylist .whyus:nth-child(odd){ padding-right: 680px; padding-left: 80px;}
.whylist .whyus:nth-child(odd) .pic{ right:0; }
.whylist .whyus:nth-child(even){ padding-left: 680px; padding-right: 80px;}
.whylist .whyus:nth-child(even) .pic{ left:0; }
.whylist .whyus .title{ position: relative; margin-bottom: 10px; padding-top: 20px; }
.whylist .whyus .title span{ position: relative; z-index:2;}
.whylist .whyus .title:before{ color: #eee; font-size: 60px; line-height: 60px; position:absolute; top:-10px; font-weight: normal; }
.whylist .whyus:nth-child(1) .title:before{ content: 'NO.1'; left: -80px; }
.whylist .whyus:nth-child(2) .title:before{ content: 'NO.2'; left: -80px; }
.whylist .whyus:nth-child(3) .title:before{ content: 'NO.3'; left: -80px; }
.whylist .whyus:nth-child(4) .title:before{ content: 'NO.4'; left: -80px; }
.whylist .whyus .pic{ position: absolute; top:0; width: 560px; height: 200px;}
.whylist .whyus .pic img{ width: 560px; height: 200px; }
.whylist .whyus .desc{ line-height: 1.8; margin-bottom: 20px;}
.whylist .whyus a{ background: #004ea2; border-color:#004ea2; color:#fff; }

.ipart5{ background: url(../images/bg_ivs.png) center; padding: 30px 0 50px;}
.ipart5 .itits .f30 { position: relative;}
.ipart5 .itits .f30:before{ content:''; position: absolute; left: 0; bottom:5px; width: 100%; height: 1px; background: #69aacb;}
.ipart5 .itits .f30:after{ content:''; position: absolute; left: 50%; bottom:4px; width: 100px; height: 3px; margin-left: -50px; background: #fff;}
.pkslide{ position:relative; margin-top: 33px; width: 1000px; margin-left: auto; margin-right: auto ;}
.pkslide:after{ position: absolute; bottom:30px; left: 50%; margin-left: -122px;  content:''; width: 244px; height: 328px; background: url(../images/ico_vs.png);  }
.pkslide .prev, .pkslide .next{ position:absolute; top:50%; width:60px; height:100px; margin-top:-30px; background-repeat:no-repeat;}
.pkslide .prev{ background-image:url(../images/arr_l2.png); left:-70px;}
.pkslide .next{ background-image:url(../images/arr_r2.png); right:-70px;}
.pkslide .bd{}
.pkslide .bd ul img{ display: block; width: 460px; height: 300px; margin-left: auto; margin-right: auto; border-radius: 30px;}
.pkslide .bd ul .desc{ color:#fff; font-size: 16px; text-align: center; padding: 10px 20px;}
.pkslide .bd ul .hao img{ border:15px solid #fff;}
.pkslide .bd ul .cha img{ border:15px solid #ccc;}
.pkslide .hd ul{ text-align: center; margin-bottom: 40px; }
.pkslide .hd li{ display:inline-block; width: 150px; margin:0 4px; cursor:pointer; background: #fff; font-size: 16px; line-height: 40px;}
.pkslide .hd li.on{background:#ffae00; color:#fff;}


.ipart6{ padding:50px 0;}
.ipart6 .itits{ margin-bottom: 40px; }
.ipart6 .itits .f36 { position: relative;}
.ipart6 .itits .f36:before{ content:''; position: absolute; left: 0; bottom:5px; width: 100%; height: 1px; background: #dddddd;}
.ipart6 .itits .f36:after{ content:''; position: absolute; left: 50%; bottom:4px; width: 100px; height: 3px; margin-left: -50px; background: #004ea2;}
.ipart6 .infopic img{ width: 100%;}
.ipart6 .iinfo{ position: relative; padding-bottom: 40px; min-height: 290px;}
.ipart6 .iinfo .link{ position: absolute; bottom: 0;}
.ipart6 .iinfo .link a{ display: block; float: left; padding: 5px 20px; color:#fff; background: #bfbfbf; }
.ipart6 .iinfo .link a:first-child{ background: #004ea2; }

.ipart6 .itits2{ position: relative; text-align: center; height: 31px; }
.ipart6 .itits2 a{ position: relative; z-index: 2;  display: inline-block; margin: 0 4px; border:1px solid #dddddd; background: #fff; padding: 5px 20px;}
.ipart6 .itits2 a:hover,.ipart6 .itits2 a.cur{ background: #004ea2; border-color:#004ea2; color:#fff; }
.ipart6 .itits2:before{ content:''; position: absolute; left: 0; top:15px; width: 100%; height: 1px; background: #dddddd;}

.honorslide{ width:1170px; position:relative;}
.honorslide .bd{ width: 100% !important; margin: auto;}
.honorslide .bd li{ width:185px; height:250px; float:left; position: relative;margin-left: 5px; margin-right: 5px; overflow: hidden;}
.honorslide .bd li a{ display: block; width:100%; height: 250px; overflow: hidden; position: relative;}
.honorslide .bd li img{ width:100%; height: 250px;}
.honorslide .bd li .title{ color:#fff; background: rgba(0,0,0,.5); padding: 5px 10px; text-align: center; width: 100%; position: absolute; top:-29px; transition: all .2s ease; }
.honorslide .bd li a:hover .title{ top:0; }
.honorslide .prev,.honorslide .next{ position: absolute; top: 50%; width: 40px; height: 70px;  margin-top: -35px;z-index: 900;  }
.honorslide .prev{ left: -50px; background: url(../images/arr_l.png) center no-repeat rgba(0,0,0,.1); }
.honorslide .next{ right: -50px;  background: url(../images/arr_r.png) center no-repeat rgba(0,0,0,.1); }

.catbox{ background: #3b3b3b; margin-top: 50px; height: 400px; position:relative; padding-right: 430px;}
.catbox .ikf{ position: absolute; right: 0; border-left: 5px solid #fff; }
.catbox .igbook{ padding: 40px 100px; }
.catbox .igbook .input{ border:1px solid #9d9d9b; border-radius: 0; background: rgba(0,0,0,.3); color:#fff;}
.catbox .igbook .line-big{ margin-left: -5px; margin-right: -5px;}
.catbox .igbook .line-big .x6,.catbox .igbook .line-big .x4,.catbox .igbook .line-big .x8{ padding-left: 5px; padding-right: 5px;}

.ipart7{ padding-bottom: 40px; }
.ipart7 .itits{background: url(../images/bg_ivs.png) center; padding: 40px 0;} 
.ipart7 .itits2{ position: relative; text-align: center; height: 31px; }
.ipart7 .itits2 a{ position: relative; z-index: 2;  display: inline-block; margin: 0 4px; border:1px solid #dddddd; background: #fff; padding: 5px 20px;}
.ipart7 .itits2 a:hover,.ipart6 .itits2 a.cur{ background: #004ea2; border-color:#004ea2; color:#fff; }
.ipart7 .itits2:before{ content:''; position: absolute; left: 0; top:15px; width: 100%; height: 1px; background: #dddddd;}

/*
.inewsslide{ margin-top:30px;}
.inewsslide .bd li{float:left; margin-right:60px; width:345px;}
.inewsslide .bd li .wrap{ position:relative; padding-left:120px;}
.inewsslide .bd li .wrap .date{ position:absolute; left:0; top:0; width:110px; background:#aaa3af; font-size:18px; line-height:36px; color:#fff;}
.inewsslide .bd li .wrap .date span{ display:block; font-size:60px; color:#fff; background:#c1bcc5; line-height:74px;}
.inewsslide .bd li .wrap h3{ margin-bottom:15px;}
.inewsslide .bd li:hover .date{ border:0; background:#9a5e45; color:#fff;}
.inewsslide .bd li:hover .wrap .date span{ background:#004ea2; color:#fff;}
.inewsslide .hd{ width:100%; text-align: center; padding-top:60px;}
.inewsslide .hd li{ display: inline-block; width:50px; height: 5px; background: #fff; margin: 0 3px; border-radius: 5px; text-indent: -999rem;}
.inewsslide .hd li.on{ background: #c1bcc5; cursor: pointer;}
*/
.inewsslide{}
.inewsslide .bd li{float:left; margin-right:60px; width:345px;}
.inewsslide .bd li:last-child{ margin-right: 0;}
.inewsslide .bd li:nth-child(3n){ margin-right:0;}
.inewsslide .bd li .wrap{ position:relative; padding-left:100px; padding-bottom: 50px;}
.inewsslide .bd li .wrap:after{ content:''; position: absolute; bottom:0; left:0; width:0%; height: 2px; background: #0a9bae; transition: all 0.3s ease;}
.inewsslide .bd li .wrap .date{ position:absolute; left:0; top:0px; width:90px; background:#ebebeb; font-size:18px; line-height:36px; color:#777777;}
.inewsslide .bd li .wrap .date span{ display:block; font-size:50px; color:#d2d2d2; background:#f4f4f4; line-height:60px;}
.inewsslide .bd li .wrap h3{ margin-bottom:10px;}
.inewsslide .bd li .wrap .desc{ height: 138px; overflow: hidden;}
.inewsslide .bd li:hover .wrap:after{ width:100%;}
.inewsslide .bd li:hover .date{ border:0; background:#004ea2; color:#fff;}
.inewsslide .bd li:hover .wrap .date span{ background:#0a9bae; color:#fff;}

.ipart8{ padding:0px 0 60px;}
.ipart8 .itits{ margin-bottom: 40px; }
.ipart8 .itits .f36 { position: relative;}
.ipart8 .itits .f36:before{ content:''; position: absolute; left: 0; bottom:5px; width: 100%; height: 1px; background: #dddddd;}
.ipart8 .itits .f36:after{ content:''; position: absolute; left: 50%; bottom:4px; width: 100px; height: 3px; margin-left: -50px; background: #004ea2;}


/*内页侧边*/
.sidebar{ width:220px; padding-bottom: 100px;  border-top-left-radius:8px; border-top-right-radius: 8px; overflow: hidden;}
.sidebar .stit{ height: 80px; background: #004ea2; padding:15px 25px 0 25px; color:#fff;}
.sidebar .stit .f34{ line-height: 36px;}
.sidebar .snav{ border-top:1px solid #e9e9e9; background: #f4f4f4; }
.sidebar .snav li{}
.sidebar .snav li a{ display: block; border:1px solid #f4f4f4; border-bottom: 1px solid #e9e9e9; border-top:0; line-height: 60px; padding-left: 25px; padding-right: 25px;}
.sidebar .snav li a span{ color:#a8a8a8;}
.sidebar .snav li.cur a,.sidebar .snav li a:hover{ background:#fff; color:#004ea2; border-color:#eaeaea;}
.sidebar .snav li.cur a span,.sidebar .snav li a:hover span{ color: #004ea2;}

.sidebar .tit{ background: #004ea2; color:#fff;}
.sidebar .sidecase { margin-top:20px;}
.sidebar .sidecase .box{ border:1px solid #eee; padding: 15px;}
.sidebar .sidecase .box li:first-child{ margin-bottom: 15px;}
.sidebar .sidecase .box li img{ width: 100%;}
.sidebar .sidecase .box li div{ padding: 7px 0; background: #f4f4f4; }

.sidebar .sidecat{ margin-top:20px;}
.sidebar .sidecat .box{ border:1px solid #eee; padding: 15px;}
.sidebar .sidecat .box ul{ margin-top: 10px;}
.sidebar .sidecat .box li{ padding: 5px 0 5px 70px; position: relative;}
.sidebar .sidecat .box li span{ position: absolute; left: 0;}


.main{ color:#3c3c3c; width:920px; }

.mbody{ font-size: 14px!important; }
.mbody .content p{ line-height: 1.8; }


/*内页样式*/
.tWrap{margin-bottom: 150px; padding-top:30px;}
.inban{}
.inban a{display: block; width: 100%; height: 260px;}

/*分页*/
.pages{ text-align:center; margin:40px auto 0; font-size:14px;}
.pages li{ display:inline-block;}
.pages a, .pages span{ display:inline-block; padding:7px 15px; background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; margin:0 2px; color:#aeaeae;}
.pages a:hover, .pages span.active{ background:#004ea2; color:#fff; border-color:#004ea2;}

 
.ititle{ margin-top: -50px; height: 100px; position: relative; margin-bottom: 60px;}
.ititle .container-layout{ position: relative;}
/*子菜单*/
.subnav{ text-align: center;}
.subnav a{ display: inline-block; width: 100px; height: 100px; line-height: 20px; padding: 30px; margin: 0 15px; background: #e2e2e2; color:#3e3e3e; font-weight: normal; border-radius: 50%; vertical-align: middle; font-size: 18px;}
.subnav a.cur,.subnav a:hover{ background: #004ea2;color:#fff;}

.ctitle{ line-height:40px; position: relative; margin-bottom: 30px;}
.ctitle .wrap{ display: inline-block; padding:0 20px; text-align: center; position: relative; margin-left: auto; margin-right:auto; background: #004ea2; line-height: 20px;}
.ctitle .f14{ display: block;text-transform:Uppercase }


.mtitle{ border-bottom: 3px solid #ededed; margin-top: 20px; height: 60px; margin-bottom: 30px;}
.mtitle .f30 span{ display: inline-block; height: 60px; border-bottom: 3px solid #004ea2;}

.crumb{ line-height: 60px;}
.crumb a{ color:#b4b4b4;}
.crumb a:last-child{ color: #004ea2;}


/*详细页面*/
.content{ color:#535353;line-height: 1.8; text-align: justify;}
.content .date{ border-bottom:1px dashed #c1c1c1;}
.content p{ line-height: 1.8;}
.content img{ max-width: 100%;}

/*关于我们*/




/*联系我们*/
.cat { position:relative;}
.cat li{ margin-bottom:8px; padding-left:25px;}
.cat li span{ position:absolute; left:0; width:20px; text-align:center;}

.contact{ padding-top:20px;}
.contact .fxcat{ padding-top:50px; border-top:1px dashed #b3b0b8;}
.contact .fxcat .x4{ padding-left: 50px; padding-right: 50px; margin-bottom: 20px;}
.contact .fxcat .x4 li{ margin-bottom: 20px;}

.contact .wrap{ margin-left: 10px;}
.mapwrap{ position: relative; width:100%; height: 600px; overflow: hidden; border-top:1px solid #ddd;}
#allmap {width: 100%;height:700px;overflow: hidden;margin:0;}




/*团队*/
.teamlist{}
.teamlist .line-large{ margin-left: -5px; margin-right: -5px;}
.teamlist .line-large .x3{ padding-left:5px; padding-right: 5px; margin-bottom:60px;}
.teamlist li{}
.teamlist li{position: relative; background: #fff; overflow: hidden; margin-bottom: 20px;}
.teamlist li a{ display: block; width:100%; overflow: hidden; position: relative;}
.teamlist li img{ width:100%; height: 280px;}
.teamlist li .wrap{ position: absolute; top:280px; width: 100%; height: 280px; background: rgba(0,0,0,.5); transition: all ease 0.3s;}
.teamlist li .wrap .f18{ padding-top: 9px;}
.teamlist li .wrap .desc{ margin: 0 35px 30px;  height: 120px;text-align: center;overflow: hidden; color:#c1c1c1; }
.teamlist li a:hover .wrap{ top:0; padding-top: 20px; background: rgba(0,0,0,.5);}
.teamlist li a:hover .f18{ padding-bottom:10px; }
.teamlist li a .icon-eye{ display: block; width: 45px; height: 45px; line-height:40px; text-align:center; font-size:30px; margin: 0 auto; background:#b72d1f; color:#fff; border-radius:50%;}


	
/*图片新闻列表*/
.photolist{}
.photolist .line-large{ margin-left: -22px; margin-right: -22px;}
.photolist .line-large .x4{ padding-left:22px; padding-right: 22px; margin-bottom: 40px;}
.photolist .line-large .x4 a{ display: block; width:360px; height: 240px;}
.photolist li{ height: 280px;}
.photolist li a{ display: block; position: relative; width:360px;}
.photolist li img{ width: 100%; height: 240px;}
.photolist li .tit{height: 40px; line-height: 40px; width: 100%; padding: 0 10px; background:#f3f3f3; transition:all .5s ease-in-out;}
.photolist li a:hover .tit{background: #e62129; color:#fff;}


/*学院*/
.edulist li{ margin-bottom: 10px; border:1px solid #f1f1f1; background: #f9f9f9; height: 90px; line-height: 90px; padding-left: 90px; position: relative;}
.edulist li span{ position: absolute; left:0; top:0; height: 88px; background: #c8c8c8; width:60px; text-align: center; color:#fff; }
.edulist li span:after{ content:''; position: absolute; right:-20px;;  top:0; width:0; height: 0; border-left:10px solid #c8c8c8; border-top: 44px solid transparent;border-right:10px solid transparent; border-bottom:44px solid transparent;}
.edulist li a{color:#404040;}
.edulist li:hover{ border-color:#004ea2;}
.edulist li:hover span{ background: #004ea2;}
.edulist li:hover span:after{ border-left-color:#004ea2;}


/*视频列表*/
.videolist{}
.videolist ul{ margin-left: -20px; margin-right: -20px;}
.videolist li { padding-left: 20px; padding-right: 20px; margin-bottom: 40px;}
.videolist li a{display: block; width:360px; margin-left: auto; margin-right: auto;}
.videolist li .pic{ width:360px; height: 240px;}
.videolist li .pic img{width:360px; height: 240px;}
.videolist li .tit{ display: block; background: #f3f3f3; padding:10px; transition: all 0.3s ease-in;}
.videolist li a:hover .tit{ background: #004ea2; color: #fff;}

/*招聘*/
.joinin{ color:#71889b; margin-bottom: 20px;}
.joinin a{ color:#145f9b; border-bottom: 1px solid #145f9b;}

.joinlist{ margin-top: 10px;}
.joinlist li{ border:1px solid #e4e4e4; background: #f9f9f9; padding:20px 30px; margin-bottom: 20px; color:#888888; position: relative;}
.joinlist .text{ margin-bottom: 20px; margin-left: -31px;}
.joinlist .text span{ display: inline-block; background: #004ea2; padding: 8px 100px 8px 30px; position: relative; height: 50px;}
.joinlist .text span:after{ content:''; position: absolute; right:-30px;;  top:0; width:0; height: 0; border-left:15px solid #004ea2; border-top: 25px solid transparent;border-right:15px solid transparent;border-bottom:25px solid #004ea2;}
.joinlist li .line>div{ margin-bottom: 10px;}
/*
.joblist{margin-top:20px;}
.joblist table{ background:#f3f3f3; margin-bottom:20px; width:100%;}
.joblist td:first-child{ position:relative; background:url(../images/bg_dot.png); text-align:center; vertical-align:middle; padding-right: 10px;}
.joblist td:first-child span{ display:block;}
.joblist td:first-child i{ display:block; height:100%; position:absolute; top:0; right:0; width:10px; background:url(../images/pic_rfix.png) right center no-repeat;}
.joblist td:last-child{ padding:15px; line-height: 1.8; color:#5d5d5d;}
.joblist table:hover td:first-child{background:url(../images/bg_dot_cur.png);}
*/

/*厂房展示*/
.albumlist{}
.albumlist ul{ margin-left: -10px; margin-right: -10px;}
.albumlist li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.albumlist li a{display: block; width:100%; margin-left: auto; margin-right: auto;}
.albumlist li .pic{ }
.albumlist li .pic{ width: 100%; height: 195px; }
.albumlist li .tit{ display: block; background: #f3f3f3; padding:10px; transition: all 0.3s ease-in;}
.albumlist li a:hover .tit{ background:url(../images/bg_ivs.png); color: #fff;}

/*资质*/
.honorlist{}
.honorlist ul{ margin-left: -15px; margin-right: -15px;}
.honorlist li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
.honorlist li a{display: block; width:185px; margin-left: auto; margin-right: auto;}
.honorlist li .pic{ width:185px; height: 250px;}
.honorlist li .pic img{width:185px; height: 250px;}
.honorlist li .tit{ display: block; background: #f3f3f3; padding:10px; transition: all 0.3s ease-in;}
.honorlist li a:hover .tit{ background:url(../images/bg_ivs.png); background-size: 100%; color: #fff;}


/*合作伙伴*/
.ipartnerlist .line{ border-left:1px solid #dadada;  border-top:1px solid #dadada;}
.ipartnerlist .x2{ border-right:1px solid #dadada; border-bottom:1px solid #dadada; height:101px;float:left;}
.ipartnerlist .x2 a{ position: relative;display:block; width:100%; height:100px; line-height: 98px; background:#fff; text-align:center;}
.ipartnerlist .x2 a:hover:before{ position: absolute; left:-0px; top:-0px; width:183px; height: 90px; content:''; border:5px solid #eeeeee; box-sizing: content-box;}
.ipartnerlist .x2 a img{ vertical-align: middle; opacity:0.5; max-height:90px; max-width:100%;}
.ipartnerlist .x2 a:hover img{ vertical-align: middle; opacity:1;}

.partnerlist .line{ border-left:1px solid #dadada;  border-top:1px solid #dadada;}
.partnerlist .x2{ border-right:1px solid #dadada; border-bottom:1px solid #dadada; height:101px;float:left;}
.partnerlist .x2 a{ position: relative;display:block; width:100%; height:100px; line-height: 98px; background:#fff; text-align:center;}
.partnerlist .x2 a:hover:before{ position: absolute; left:-0px; top:-0px; width:142px; height: 90px; content:''; border:5px solid #eeeeee; box-sizing: content-box;}
.partnerlist .x2 a img{ vertical-align: middle; opacity:0.5; max-height:90px; max-width:100%;}
.partnerlist .x2 a:hover img{ vertical-align: middle; opacity:1;}


/*发展历程*/
.history ul{padding-bottom:40px;background: url(../images/ico_ddd.png) bottom center no-repeat;}
.history li{ height:162px; position:relative; padding-top:50px; background: url(../images/ico_ddd.png) top center no-repeat;}
.history li .year{ position:absolute; left:50%; margin-left:-50px; display:block; width:100px; height:100px; border:5px solid #fff; background:#e1e1e1; color:#fff; line-height:90px; border-radius:50%; text-align:center; box-shadow: 0 0 0 1px #e1e1e1; transition: all 0.3s ease-in-out;}
.history li .f20{ padding-top:30px; color:#000;}
.history li{ padding-left:655px;}
.history li .desc{ line-height: 1.8; padding-top:18px; color:#292828;}
.history li:nth-child(even){ padding-left:0; padding-right:655px; text-align:right;}
.history li div.text-gray{ padding-top: 5px;}
.history li:hover .year{ background:#004ea2;}
.history li:hover .f20{color:#004ea2;}




/*新闻列表*/
.newstop .float-left{  display: block; width:360px; height: 250px;}
.newstop .float-left img{width:360px; height: 250px;}
.newstop .con{ padding-left: 10px;}
.newstop .con .tit{ line-height: 30px; margin-bottom: 5px;}
.newstop .con .date{ padding-bottom: 8px; border-bottom: 1px dashed #b2b2b2; margin-bottom: 10px;}
.newstop .con .desc{ color:#878787; margin-bottom: 10px;}
.newstop .con .more a{ display: inline-block; padding: 2px 15px; border-radius: 8px; border:1px solid #004ea2; color:#004ea2; background: #fff;}

.newslist{}
.newslist li{ height: 100px; background: #f4f4f4; margin-bottom: 20px; position: relative; padding:15px 45px 15px 135px; transition: all 0.3s; }
.newslist li .con{display: block;}
.newslist li .date{ position: absolute; left: 0px; top: 0px; width:100px; height: 100px; background: #c2c2c2; color:#fff; text-align: center; line-height: 25px; font-size: 14px; padding-top: 15px;}
.newslist li .date span{ display: block; font-size:48px;line-height: 48px; font-weight: 100;}
.newslist li .desc{ line-height: 1.6;}
.newslist li .desc a{ display: block; color:#696969;}
.newslist li:hover{}
.newslist li:hover a{}
.newslist li:hover .text-black{ color:#004ea2;}
.newslist li:hover .date{ background-color: #004ea2;}



/*新闻标题列表*/
.newslist-line li{ line-height: 50px; padding:0 15px; height: 50px; clear: both;}
.newslist-line li:nth-child(odd){ border:1px solid #efefef; background: #f4f4f4;}
.newslist-line li a{ color:#3f3f3f;}
.newslist-line li a:hover{color:#e62129;}
.newslist-line li .text-gray{ color:#a8a8a8;}


/*
.newslist{}
.newslist li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #c8c8c8; position: relative; padding-left: 245px; min-height:180px;}
.newslist li .pic{ position: absolute; left: 0; top:0; width:220px; height: 150px;}
.newslist li .pic img{width:220px; height: 150px;}
.newslist li .con{ display: block; padding-top:10px;}
.newslist li .date{margin-bottom: 5px;}
.newslist li .desc{ color:#848484; line-height: 1.8; height: 75px; overflow: hidden;}
*/

/*新闻列表-图片*/
.newslist-pic li{ height: 220px;border:1px solid #d1ced5; background: #fff; margin-bottom: 20px; position: relative; padding:50px 220px 50px 350px; }
.newslist-pic li .pic{ width: 310px; height: 220px; position: absolute; top: -1px; left: -1px;}
.newslist-pic li .pic img{ width:310px; height: 220px;}
.newslist-pic li .con{display: block;}
.newslist-pic li .date{ position: absolute; right: 50px; top: 55px; width:125px; padding-left: 45px; padding-top: 5px; height: 100px; border-left:1px solid #d6d6d6; color:#a1a1a1; text-align: center; line-height: 25px; font-size: 16px;}
.newslist-pic li .date span{ display: block; font-size: 60px; line-height: 60px; font-weight: 100;}
.newslist-pic li .desc{ line-height: 1.8;}
.newslist-pic li .desc a{ display: block; color:#6a6a6a;}
.newslist-pic li:hover{ border-color:#004ea2;}
.newslist-pic li:hover .f24 a{ color:#000;}
.newslist-pic li:hover .desc a{ color:#6a6a6a;}
.newslist-pic li:hover .date{color:#004ea2;}
.newslist-pic li:hover .date span{ color: #004ea2;}



/*prevNext*/
.prevNext{ background:#fcfcfc; border:1px solid #efefef; padding:10px 20px;}
.prevNext a{ color:#8a8a8a;}
.prevNext a:hover{ color:#004ea2;}
.prevNext span{  display:inline-block;}
.prevNext .prev{ padding-left:10px; background:url(../images/icon_prev.png) left center no-repeat;}
.prevNext .next{ padding-right:10px; background:url(../images/icon_next.png) right center no-repeat;}


/*其他新闻*/
.othernews{ border:1px solid #ddd;}
.othernews .tit{ position: relative; line-height: 40px; background: #f9f9f9;  border-bottom:1px solid #ddd; padding-left: 15px;}
.othernews .tit:after{ content:''; width: 6px; height: 42px; position: absolute; left: 0; top: -1px; background: #004ea2; }
.othernews .otherlist{ padding: 15px 20px;}
.othernews .otherlist li{ padding-right: 10px; }
.othernews .otherlist li a{ display: block; line-height: 36px; border-bottom: 1px dashed #eee;}

/*产品列表*/
.prolist li{ height: 222px;border:1px solid #d1ced5; background: #fff; margin-bottom: 20px; position: relative; padding:30px 200px 30px 330px; }
.prolist li .pic{ width: 310px; height: 220px; position: absolute; top: -0px; left: -0px;}
.prolist li .pic img{ width:310px; height: 220px;}
.prolist li .con{display: block;}
.prolist li .date{ position: absolute; right: 40px; top: 55px; width:135px; padding-left: 30px; padding-top: 5px; height: 100px; border-left:1px solid #d6d6d6; color:#a1a1a1; text-align: center; line-height: 25px; font-size: 16px;}
.prolist li .date a{ margin-bottom: 10px;}
.prolist li .desc{ line-height: 1.8;}
.prolist li .desc a{ display: block; color:#6a6a6a;}
.prolist li:hover{ border-color:#004ea2;}
.prolist li:hover .f24 a{ color:#000;}
.prolist li:hover .desc a{ color:#6a6a6a;}
.prolist li:hover .date{color:#004ea2;}
.prolist li:hover .date span{ color: #004ea2;}
/*
.prolist{}
.prolist .line-large{ margin-left: -8px; margin-right: -8px;}
.prolist .line-large .x4{ padding-left:8px; padding-right: 8px; margin-bottom:16px;}
.prolist li{}
.prolist li a{ display: block; position: relative; border-bottom: 3px solid #fff;}
.prolist li img{ width: 100%; height: 210px;}
.prolist li .name{ margin-bottom: 5px;}
.prolist li .tit{ color:#939393;}
.prolist li .con{ background: #fff; padding:15px 25px 80px;}
.prolist li .desc{ border-top:1px solid #eeeeee; padding: 10px 0 7px; margin-top:10px; height: 90px; overflow: hidden;}
.prolist li a .more{ width:47px; height: 47px; background: url(../images/ico_more.png); position: absolute; left: 50%; bottom:20px; margin-left: -23px;}
.prolist li a:hover .more{background: url(../images/ico_more_cur.png);}
.prolist li a:hover{ border-bottom-color:#004ea2; }
*/
.proinfo .float-left{border:1px solid #ddd; padding:5px; width: 380px;}
.proinfo .float-left img{ width: 100%; }
.proinfo .desc{ min-height:100px; }


.proalbum .x2 a{ display: block; border:2px solid #dcdcdc; padding: 3px; position: relative; overflow: hidden;}
.proalbum .x2 a:after{ position: absolute; top:121px; left: 0; content:''; width: 100%; height: 100%; display: block; background: rgba(0,0,0,.5); z-index: 1; transition: all .2s ease;}
.proalbum .x2 a i{color:#fff; position: absolute; top:40px; left:52px; z-index: 2; font-size: 20px; background: #004ea2; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; opacity: 0;transition: all .2s ease;}
.proalbum .x2 a .f14{ background:rgba(0,0,0,0.5); padding:0 5px; position: absolute; left: 0; bottom:0; z-index: 3; width:100%; color:#fff; }
.proalbum .x2 a:hover:after{ top:0;}
.proalbum .x2 a:hover i{ opacity: 1;}


.protit{ border-bottom: 2px solid #ddd; height: 42px; margin-bottom: 10px;}
.protit span{ display: inline-block; background:#004ea2; color:#fff; padding: 0px 30px; line-height: 38px; height: 42px; border:1px solid #004ea2; }
.protit a{ display: inline-block;  background:#fff; line-height: 38px; height: 40px; padding: 0px 30px; border:1px solid #ddd; border-bottom:0;}



/*其他产品*/
.otherproduct{ border:1px solid #ddd;}
.otherproduct .tit{ position: relative; line-height: 40px; background: #f9f9f9;  border-bottom:1px solid #ddd; padding-left: 15px;}
.otherproduct .tit:after{ content:''; width: 6px; height: 42px; position: absolute; left: 0; top: -1px; background: #004ea2; }
.otherproduct .otherlist{ padding: 15px 20px;}
.otherproduct .otherlist li a{ display: block; }
.otherproduct .otherlist li img{ width: 100%; border:1px solid #ddd; padding: 2px;}
.otherproduct .otherlist li .otit{ padding:5px; background: #f9f9f9; border:1px solid #ddd; border-top:0; text-align: center; line-height:30px;  }

/*下载*/
.downlist li{ line-height: 50px; padding-left: 15px;}
.downlist li:nth-child(odd){ border:1px solid #efefef; background: #f4f4f4;}
.downlist li .text-gray{ color:#a8a8a8;}

/*问答*/
.qalist li{ margin-bottom: 10px; border:1px solid #f2f2f2; background: #fcfcfc; position: relative;}
.qalist li .tit{ line-height: 48px; font-size: 18px; color:#333; padding: 0 15px; cursor: pointer;}
.qalist li .tit i{ display: inline-block; width:20px; height: 20px; line-height: 20px; text-align: center; background: #b6b6b6; color:#fff; border-radius: 50%; font-style: normal; font-size: 14px; vertical-align: middle;margin-top: -5px;}
.qalist li em{ position: absolute; top:17px; right:15px; width:27px; height: 15px; background: url(../images/ico_qa.png);}
.qalist li .ctn{ display: none; padding:5px 40px 20px;}
.qalist li.cur{ border-color:#ff6b71; background: #fff;}
.qalist li.cur .tit{ color:#e62129;}
.qalist li.cur .tit i{ background: #e62129;}
.qalist li.cur .ctn{ display: block!important;}
.qalist li.cur em{background: url(../images/ico_qa.png) left bottom;}


/*表单*/
.gbook{ padding-top: 50px; padding-bottom: 150px; padding-left: 150px; padding-right: 150px;}
.gbook .media{ width:600px; margin: 0 auto 60px;}
.gbook .media .float-left span{ display: block; width:90px; height: 90px; background: #004ea2; border-radius: 50%; font-size: 50px; text-align: center; line-height: 85px;}

.gbook .input{ border-radius: 0; border:2px solid #e8e8e8;box-shadow:none; height: auto; padding: 10px 15px;}
.gbook .icon{ border-left:1px solid #f2f0ed; display: inline-block; top:7px; right:5px; height: 30px; line-height: 30px;}
.gbook .sub .button{ height: 44px; width:140px;}
.gbook .refile #uploadimg{ position: absolute; right:5px; top:5px;}
.gbook .refile #uploadimg .uploader-list{ margin:0;}
.gbook .refile #uploadimg .webuploader-pick{ height: 34px; line-height: 14px; background: #e2e2e2; color:#6b6b6b;}

/*频道页*/
.chpart1{ padding:60px 0;}
.chpart1 .line{ margin-top: 40px;}
.chpart1 .line .wrap{ display: block; width: 220px; height: 320px; margin-left: auto; margin-right: auto; padding-top: 50px; }
.chpart1 .line .wrap i{ display: block; margin-left: auto; margin-right: auto; width: 114px; height: 114px; }
.chpart1 .line .x3:nth-child(1) i{ background: url(../images/ico_pd1.png) top;}
.chpart1 .line .x3:nth-child(2) i{ background: url(../images/ico_pd2.png) top;}
.chpart1 .line .x3:nth-child(3) i{ background: url(../images/ico_pd3.png) top;}
.chpart1 .line .x3:nth-child(4) i{ background: url(../images/ico_pd4.png) top;}
.chpart1 .line .wrap .f14{ margin-top:30px; line-height: 30px;}
.chpart1 .line .wrap:hover{ background:url(../images/bg_four.png); }
.chpart1 .line .wrap:hover .f14{ color:#fff;}
.chpart1 .line .wrap:hover i{ background-position: bottom;}

.chpart2{ height:500px; background:url(../images/bg_pdpro.png) bottom center no-repeat;}
.chpart2 .chslide{ width:1120px; position:relative; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 80px;}
.chpart2 .chslide .bd{ width: 100% !important; margin: auto;}
.chpart2 .chslide .bd li{ width:260px;  float:left; position: relative;margin-left: 10px; margin-right: 10px; overflow: hidden;}
.chpart2 .chslide .bd li a{ display: block; width:100%; border-radius: 10px; border:2px solid #ddd; overflow: hidden; position: relative;}
.chpart2 .chslide .bd li img{ width:100%; height: 260px;}
.chpart2 .chslide .wrap{ position: absolute; bottom:0; width: 100%; background: rgba(0,0,0,.5); transition: all ease 0.3s; padding:5px 10px; }
.chpart2 .chslide .wrap .f18{}
.chpart2 .chslide .wrap .desc{ display: none; margin: 0 35px 30px;  height: 72px;text-align: center;overflow: hidden; color:#c1c1c1; }
.chpart2 .chslide a:hover .wrap{ background: rgba(0,0,0,.5);}
.chpart2 .chslide a .icon-eye{ display: none; width: 45px; height: 45px; line-height:40px; text-align:center; font-size:30px; margin: 0 auto; background:#004ea2; color:#fff; border-radius:50%;}
.chpart2 .chslide .prev,.chpart2 .chslide .next{ position: absolute; top: 50%; width: 40px; height: 70px;  margin-top: -35px;z-index: 900;  }
.chpart2 .chslide .prev{ left: -50px; background: url(../images/arr_l.png) center no-repeat rgba(0,0,0,.1); }
.chpart2 .chslide .next{ right: -50px;  background: url(../images/arr_r.png) center no-repeat rgba(0,0,0,.1); }

.chpart3{ margin-top:5px; background: url(../images/ico_bigdown.png) top center no-repeat; padding: 80px 0; }
.chpart3 .container-layout{ position: relative; text-align: center;}
.chpart3 .jdtxt{ position: absolute; }
.chpart3 .jd1{ left: 150px; top:-20px; }
.chpart3 .jd2{ left: 405px; top:410px; }
.chpart3 .jd3{ left: 650px; top:20px; }
.chpart3 .jd4{ left: 895px; top:440px; }


.chpart4{ background: url(../images/bg_ivs.png) center; padding: 30px 0 50px;}
.chpart4 .itits .f30 { position: relative;}
.chpart4 .itits .f30:before{ content:''; position: absolute; left: 0; bottom:5px; width: 100%; height: 1px; background: #69aacb;}
.chpart4 .itits .f30:after{ content:''; position: absolute; left: 50%; bottom:4px; width: 100px; height: 3px; margin-left: -50px; background: #fff;}
.chgood1 .box{ background: #0ba6b0; height: 507px; padding: 50px; line-height: 40px;}
.chgood1 img{ width: 100%;}

.chpart5 {margin-top:50px; }
.chpart5 .chtit{ position: relative; height: 100px; margin-bottom: 30px; }
.chpart5 .chtit span.en{ color:#e6e6e6; font-size: 100px;  line-height: 100px; text-transform: uppercase; position: absolute; left: 50%; top:0; margin-left: -267px; z-index: 1;}
.chpart5 .chtit div{ position: relative; z-index: 2; top:35px;  text-shadow: 1px 1 5px #fff;}

.chgood2{ position:relative; margin-left: auto; margin-right: auto ;}
.chgood2 .line:before{ position: absolute; top:165px; left: 50%; z-index: 10; margin-left: -152px;  content:''; width: 304px; height: 304px; background:url(../images/ico_pk.png);}
.chgood2 .hao{ width:570px;}
.chgood2 .cha{ width:570px;}
.chgood2 .desc{ padding:10px 50px;}

.chgood4 .x6{ height: 292px; background: #eee;}
.chgood4 .x6 img{ width: 100%; height: 292px; }
.chgood4 .x6 .box{ padding: 30px 50px; font-size: 16px; color:#000;}
.chgood4 .x6 .box div,.chgood4 .x6 .box p{ margin-bottom: 10px; line-height: 1.6; position: relative;}
.chgood4 .x6 .box div:before,.chgood4 .x6 .box p:before{ content:''; position: absolute; left: -18px; top:9px; width:10px; height: 10px; border-radius: 50%; background: #0a9eaf;}


.chpart6{ background:url(../images/bg_pdpar.png) bottom; height: 350px; padding:50px 0;}
.chpart6 .chpartslide{position:relative; width: 1098px; margin-left: auto; margin-right: auto; }
.chpart6 .chpartslide .bd{ height: 101px; overflow: hidden;}
.chpart6 .chpartslide .bd ul{ overflow:hidden; zoom:1; }
.chpart6 .chpartslide .bd ul li{ border-right:1px solid #dadada; border-bottom:1px solid #dadada; background: #fff; height:101px; line-height: 98px; float:left;   position: relative; }
.chpart6 .chpartslide .bd ul li img{ vertical-align: middle; max-height:90px; max-width:100%;}
.chpart6 .chpartslide .bd ul li:hover:before{ position: absolute; left:-0px; top:-0px; width:171px; height: 90px; content:''; border:5px solid #eeeeee; box-sizing: content-box;}
.chpart6 .chpartslide a.prev,.chpart6 .chpartslide a.next{ width:30px; height: 101px; line-height: 101px; display: block; position: absolute; top:0px; background: #0ba6b0; font-size: 40px; color:#fff;}
.chpart6 .chpartslide a.prev i{ position: absolute; right:15%;}
.chpart6 .chpartslide a.prev{ left: -40px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.chpart6 .chpartslide a.next{ right: -40px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.chpart6 .chpartslide a.next i{ position: absolute; left:15%;}

.chpart7{ background: #ebebeb; padding: 50px;}

.wechatmsg{ position: relative; margin-bottom: 20px;}
.wechatmsg .avatar{ width:70px; height: 70px; position: absolute; top:0; border:4px solid #ddd; border-radius: 50%; background: #fff;}
.wechatmsg .avatar i{ display: block; height: 62px; line-height: 62px; font-size: 16px; text-align: center; font-style: normal; }

.wechat-u{ padding-left: 100px;}
.wechat-u .avatar{ left: 0;}
.wechat-umsg,.wechat-mmsg{ font-size: 16px; padding: 20px; width: 50%; color:#030402; line-height: 1.8; }
.wechat-umsg {position: relative;background: #ffffff;border: 4px solid #dddddd; }
.wechat-umsg:after, .wechat-umsg:before {right: 100%;top: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.wechat-umsg:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 15px;margin-top: -15px;}
.wechat-umsg:before {border-color: rgba(221, 221, 221, 0);	border-right-color: #dddddd;	border-width: 21px;margin-top: -21px;}

.wechat-m{ padding-right: 100px; margin-left: 50%;}
.wechat-m .avatar{ right: 0;}
.wechat-m .avatar i{ background: url(../images/logo_fot.png) center no-repeat; background-size: 80%; border-radius: 50%;}
.wechat-mmsg {position: relative;background: #a0e75a;border: 4px solid #a3d18b; width: 100%; }
.wechat-mmsg:after, .wechat-mmsg:before {left: 100%; top: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.wechat-mmsg:after {border-color: rgba(160, 231, 90, 0);border-left-color: #a0e75a;border-width: 15px;margin-top: -15px;}
.wechat-mmsg:before {border-color: rgba(163, 209, 139, 0);border-left-color: #a3d18b;border-width: 21px;margin-top: -21px;}